<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>作业</title>
    <style>
        .container{
            width: 1220px;
            margin: 0 auto ;
        }
    </style>
</head>
<body>
    <h1>作业</h1>
    <p>一、完成导航菜单，带有二级菜单，如图所示。提示：使用绝对定位，伪类选择器hover。
        
    </p>
    <img src="./position-absolute-4.gif" alt="">
    <p>二、完成如下布局,可以使用浮动或者inline-block。<br>
        提示：<BR>
        1.让块级元素在父容器中居中。给元素设定宽度，margin:0 auto <br>
        2.版心特点，固定宽度，居中。可以抽离一个公共类，来添加给版心容器，参考container。<br>
        3.外边距的使用，可以让元素之间产生空隙。margin-left,margin-right,margin-top,margin-bottom,<br>
        <a href="http://css.doyoe.com/">CSS手册</a>
        
    </p>
    <img src="./网页布局.png" alt="">
</body>
</html>